//粒子效果
window.onload = function(){
    //配置
    var config = {
        vx: 6,//点x轴速度,正为右，负为左
        vy:  6,//点y轴速度
        height: 2,//点高宽，其实为正方形，所以不宜太大
        width: 2,
        count: 260,//点个数
        color: "200, 193, 193",//点颜色
        stroke: "0,0,0",//线条颜色
        dist: 6000,//点吸附距离
        e_dist: 20000,//鼠标吸附加速距离
        max_conn: 18//点到点最大连接数
    }
    //调用
    CanvasParticle(config,'mydiv');
}

//点击事件
let lis = document.querySelectorAll('.price-li')
let pri = document.querySelector('.price-info')
lis.forEach((li,i)=>{
    li.onclick=()=>{
        if(i===0){
            pri.innerHTML=`<span>
                                <b>￥1200</b>
                                (约0.3000元一次)，仅限企业实名购买
                            </span>`
        }
        if(i===1){
            pri.innerHTML=`<span>
                                <b>￥2000</b>
                                (约0.2500元一次)，仅限企业实名购买
                            </span>`
        }
        if(i===2){
            pri.innerHTML=`<span>
                                <b>￥8000</b>
                                (约0.2000元一次)，仅限企业实名购买
                            </span>`
        }
        lis.forEach((li,i)=>li.classList.remove('active'))
        li.classList.add('active')
    }
})

let tabtop = document.querySelectorAll('.tabtop li')
let con = document.querySelectorAll('.con-l>div')
tabtop.forEach((li,i)=>{
    li.onclick=()=>{
        tabtop.forEach((li,i)=>{
            li.classList.remove('active')
            con[i].classList.remove('active')
        })
        li.classList.add('active')
        con[i].classList.add('active')
    }
})


//点击跳转事件
let liss = document.querySelectorAll('.nav-item')
let login = document.querySelector('.login')
let register = document.querySelector('.register')
function skip(){
  liss.forEach((li,i)=>{
    li.onclick=(()=>{
      if(i===0)
      window.location.replace('./index.html')
      if(i===1)
      window.location.replace('./API.html')
      if(i===2)
      window.location.replace('./customer.html')
    })
  })
  login.onclick=()=>{location='./login.html'}
  register.onclick=()=>{location='./register.html'}
}
skip()